{% extends 'base.html' %}
{% from 'bootstrap/form.html' import render_form, render_field, render_form_row %}
{% block content %}
    <div class="container" style="max-width: 1100px; margin: 0 auto;">

        <!-- Tittle -->
        <h2 class="page-header">运行设备配置</h2>


        <!-- Main component for a primary marketing message or call to action -->

        <div class="row" style="display:flex; justify-content:space-around;">

        <!-- 左边栏 -->
        <div class="col-lg-3" style="margin: 0 auto;
            max-width: 400px;
            height: 400px;">
            <!-- 左边上边的块 -->
            <div class="jumbotron">
                <div style="text-align:center; ">
                    <a href={{ url_for('show_waiting') }}>
                        <button type="submit" class="btn btn-success btn-lg btn-block">NEXT</button>
                    </a>
                    <h5>请确保提交的文件都符合要求再点击此按钮</h5>
                </div>
            </div>
            <!-- 左边中间的块 -->
            <ul class="list-group">
                <li li class="list-group-item">上传界面</li>
                <li class="list-group-item">运行配置界面<span class="glyphicon glyphicon-ok" style="color: green; left: 100px;"></span></li>
                <li class="list-group-item">等待界面</li>
                <li class="list-group-item">结果界面</li>
            </ul>
        </div>

            <!-- 右边主界面 -->
            <div class="col-lg-9 jumbotron" style="
                    margin: 0 auto;
                    background-color:lightgray">
                <h3>信息配置</h3>
                <hr />
                {{ render_form(info_config) }}
<hr />
                <button  onclick= "window.location.href='#'" style="left: 200px;
                        top: 209px;
                        width: 95px;
                        height: 36px;
                        line-height: 20px;
                        border-radius: 2px 2px 2px 2px;
                        background-color: #555;
                        text-align: center;
                        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.24);">
                    开始执行</button>

            </div>

        </div>
    </div>

{% endblock content %}